<link href="dist/css/starter-template.css" rel="stylesheet">
<body onload='display_ct()'>
	<div class="starter-template" style="height: 510px ">
		<h1 id='date'></h1>
		<br>
		<h1 id='time'></h1>
	</div>
</body>
<script type="text/javascript">
	function display_c() {
		var refresh = 1000; // Refresh rate in milli seconds
		mytime = setTimeout('display_ct()', refresh);
	}

	function display_ct() {
		var x = new Date();
		document.getElementById('date').innerHTML = x.toLocaleDateString();
		var min = (x.getMinutes() < 10) ? "0" + x.getMinutes() : x.getMinutes();
		var sec = (x.getSeconds() < 10) ? "0" + x.getSeconds() : x.getSeconds();
		var x1 = x.getHours() + ":" + min + ":" + sec;

		document.getElementById('time').innerHTML = x1;//x.toLocaleTimeString();
		x.toDateString();
		tt = display_c();
	}
</script>
</html>